/*.box-login{
  .ivu-input{
    padding-left: 30px;
  }
}

.box-login .ivu-form-item-content .icon-wrapper{
  overflow: hidden;
  svg{
    float: left;
  }
}*/

.login-form {
  .icon-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    font-size: 24px;
    z-index: 9;
    text-align: center;
    color: #8c8c8c;

    &.last {
      left: auto;
      right: 0;
    }

    &.eyes {
      cursor: pointer;
      color: #dddddd;

      &.active {
        color: #8c8c8c;
      }
    }
  }

  .el-input {
    input {
      padding: 0 36px;
    }
  }

  .row-remember-me {
    margin-bottom: 0;
  }

  .btn-login {
    display: block;
    width: 100%;
  }

  .tips {
    padding-top: 15px;
    text-align: center;
    font-size: 15px;
    &.no-padding{
      padding-top: 0;
    }
  }
}

.page-login{
  position: relative;
  background-color: #fafafa;
  margin: 0 auto;

  .box-wrapper {
    width: 100%;
    min-height: calc(100vh - 64px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .box-main-wrapper {
    width: 440px;
    min-height: 510px;
  }

  .box {
    background-color: #fff;
    padding: 56px 8px 72px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;

    h2 {
      margin: 0 auto;
      text-align: center;
      height: 60px;
    }
  }

  .box-login {
    padding: 56px 50px 72px;
  }

}
